<?php
apf_require_class("PageHelper");
$img_path = '/img/jximg/';
?>
@charset "utf-8";
/* CSS Document */
.bread_crumb{
    padding:0 18px;
    width:960px;
    margin:0 auto;
}
.bread_crumb span{
    color:#0041d9;
}
#content{
    width:964px;
    margin: 7px auto 30px;
    border:#ccc 1px solid;
    background:#fff;
    padding:23px 15px 70px 15px;
}
h2{
    font-size:14px;
    line-height:20px;
    text-indent:2px;
}
h2 a{
    margin-left:25px;
    font-weight:normal;
    font-size:12px;
}
h3{
    font-size:13px;
    line-height:16px;
    text-indent:2px;
    margin:28px 0 10px;
}
h3 span{
    font-size:12px;
    font-weight:normal;
    padding-left:10px;
}
.userinfo-boxer{
    padding-top:12px;
}
.userinfo-boxer li{
    float:left;
    padding-right:30px;
    color:#999;
}
table thead tr {
    border-bottom:#d3d3d3 1px solid;
    border-top:#e3e3e3 1px solid;
    background:url(<?=PageHelper::pure_static_url($img_path . "icons.gif");?>) repeat-x 0 -83px;
    height:28px;
    color:#666;
}
table tr td{
    padding:0 0 0 2px;
    word-wrap:break-word;
    word-break:break-all;
}
table tbody tr td{
    vertical-align:top;
}
table tbody tr {
    border-bottom:#e3e3e3 1px solid;
    color:#333;
}
table tbody tr:hover,
table tbody tr.hover{
 background:#F9FBFF;
}
.table01{
    border:none;
    margin:15px 0 36px 0;

}
.table01 thead tr {
    border:#e3e3e3 1px solid;
    border-bottom:#d3d3d3 1px solid;
}
.table01 tbody tr td {
    padding:7px 0 7px 15px;
    line-height:20px;
}
.table02{
    border:#e3e3e3 1px solid;
    border-top:0;
}
.table02 tbody tr td {
    padding:5px 0 5px 5px;
    line-height:20px;
}
table tfoot tr{
    height:27px;
    border-bottom:#e3e3e3 1px solid;
}
.tfoot02 tr{
    background:#f9f9f9;
    height:32px;
    color:#999;
    font-weight:bold;
}
.green{
    color:#66B680;
}
.red{
    color:#c00;
}
.orange{
    color:#EB6100;
}
.gray{
    color:#999;
}
.black{
    color:#333;
}
.f14{
    font-size:14px;
}
.input-text{
    border:#e3e3e3 1px solid;
    height:20px;
    line-height:20px;
    padding:0 7px;
}
.text-area{
    border:#e3e3e3 1px solid;
    min-height:18px;
    line-height:18px;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0 7px;
}

.inp-w705{
    width:691px;
}
.inp-w675{
    width:661px;
}
.inp-w620{
    width:606px;
}
.inp-w590{
    width:576px;
}
.inp-w560{
    width:546px;
}
.inp-w370{
    width:356px;
}
.inp-w250{
    width:236px;
}
.inp-w225{
    width:225px;
}
.inp-w200{
    width:186px;
}
.inp-w120{
    width:106px;
}
.inp-w50{
    width:50px;
    padding:0;
    text-align:center;
}
.inp-w40{
    width:40px;
    padding:0;
    text-align:center;
}
.score-box{
    text-align:right;
    font-size:16px;
    font-weight:bold;
}
.score-box em{
    font-size:30px;
    margin-right:20px;
}
.score-box em.f40{
    font-size:40px;
}
.score-box input{
    border:#F17D10 1px solid;
    width:52px;
    height:32px;
    line-height:32px;
    font-size:16px;
    padding:0 8px;
    margin-right:8px;
    vertical-align:bottom;
}
.btn-box{
    text-align:center;
    padding:25px 0 29px 0;
}
.input-btn{
    border:none;
    background:url(<?=PageHelper::pure_static_url($img_path . "botton-bg.png");?>) no-repeat;
    width:146px;
    height:45px;
    overflow:hidden;
    text-indent:-99999px;
    cursor:pointer;
    margin:0 4px;
}
.submit-btn{
    background-position:0 0;
}
.back-btn{
    background-position:-147px 0;
}
.rebut-btn{
    background-position:-294px 0;
}
.tips-box{
    border-top:#ccc 1px dotted;
    padding:9px 5px 0;
    line-height:20px;
}
.tips-box em{
    float:left;
}
.tips-box span{
    display:block;
    margin-left:79px;
}
a.add-icon{
    display:inline-block;
    background:url(<?=PageHelper::pure_static_url($img_path . "icons.gif");?>) no-repeat -12px -201px;
    text-indent:20px;
    color:#335396;
}
a.add-icon:hover{
    color:#f60;
    text-decoration:underline;
}

.title-sp{
    margin:28px 0 10px;
}
.title-sp h3{
    float:left;
    margin:0;
}
.title-sp .gray{
    float:left;
    padding-left:10px;
}
.title-sp .gray span,
.title-sp .gray a,
.title-sp .gray input{
    display:inline-block;
    float:left;
}
.title-sp .gray input{
    border:#9DC3E6 1px solid;
    height:18px;
    line-height:18px;
    width:30px;
    text-align:center;
    margin-top:-2px;
}
.title-sp a{
    display:inline-block;
    background:url(<?=PageHelper::pure_static_url($img_path . "icons.gif");?>) no-repeat;
    width:13px;
    height:13px;
    overflow:hidden;
    text-indent:-99999px;
}
.title-sp a.reduce{
    background-position:-11px -219px;
    margin:2px 5px 0 9px;
}
.title-sp a.add{
    background-position:-11px -238px;
    margin:2px 6px 0 4px;
}

.user-planlist{
    color:#999;
}
.user-planlist li,
.plan-link li{
    padding:3px 0
}
span.score{
    padding:3px 0;
    line-height:20px;
    display:inline-block
}
.btn-box2{
    margin: 45px 0 27px 15px;
}
.score-f14{
    font-size:14px;
}
.history-title{
    width:470px;
}
.history-title .date-box{
    float:right;
}

.select-box{
    padding-top:16px;
}
.left-cont,
.select-box h2{
    float:left;
}
.right-cont{
    float:right;
}
.left-cont select,
.right-cont select{
    margin-right:7px;
}
.export-btn{
    border:none;
    background:url(<?=PageHelper::pure_static_url($img_path . "botton-bg.png");?>) no-repeat -441px 0;
    width:60px;
    height:26px;
    cursor:pointer;
    margin-right:7px;
    color:#fff;
    text-indent:12px;
}
.setup-title{}
.setup-title h2,
.setup-title select{
    float:left;
}
.setup-title h2{
    padding-right:20px;
}
.month-list{
    width:570px;
    padding:37px 0 26px 0;
}
.month-list li{
    float:left;
    margin:0 6px 17px 6px;
    _display:inline;
}
.month-list li a.month{
    display:inline-block;
    border:#ccc 1px solid;
    width:81px;
    height:27px;
    color:#335396;
    line-height:27px;
    text-align:center;
    font-size:13px;
}
.month-list li a.month:hover{
    color:#f60;
    text-decoration:none;
}
.month-list li a.selecton{
    background:#93BFE2;
    font-weight:bold;
}
.month-list li input{
}
.month-list li label {
    line-height: 18px;
    margin:0 12px 0 7px;
}
.month-list li select{
}
.submit-btn{
    border:none;
    background:url(<?=PageHelper::pure_static_url($img_path . "botton-bg.png");?>) no-repeat -0px 0;
    width:145px;
    height:45px;
    cursor:pointer;
    overflow:hidden;
    text-indent:-99999px;
    margin-left:6px;
}
.submit-btn-setup{
    border:none;
    background:url(<?=PageHelper::pure_static_url($img_path . "botton-bg.png");?>) no-repeat -503px 0;
    width:100px;
    height:35px;
    cursor:pointer;
    overflow:hidden;
    text-indent:-99999px;
    margin-left:6px;
}
.all-submit{
    background-position:-607px 0;
}
.set-content{
    padding-top:30px;
}
.set-content .set-box{
    padding-bottom:19px;
}
.set-content em{
    float:left;
    width:75px;
    text-indent:3px;
    line-height:20px;
    font-size:14px;
}
.set-content .set-detail,
.set-content .set-select{
    float:left;
}
.set-content .set-detail input.input-text{
    vertical-align:top;
}
.select-user{
    display:inline-block;
    background:url(<?=PageHelper::pure_static_url($img_path . "icons.gif");?>) no-repeat -4px -290px;
    width:20px;
    height:20px;
    margin-left:7px;
}
.set-content .set-select{
    width:798px;
    border:#e3e3e3 1px solid;
}
.set-content .set-select .set-tab{
    background:url(<?=PageHelper::pure_static_url($img_path . "icons.gif");?>) repeat-x 0 -321px;
    height:34px;

}
.set-content .set-select .set-tab li{
    float:left;
    padding:4px 6px 0 0;
}
.set-content .set-select .set-tab li a.tab{
    display:inline-block;
    padding:1px 21px;
    height:28px;
    line-height:28px;
}
.set-content .set-select .set-tab li a.selecton{
    padding:0 20px;
    background:#fff;
    height:28px;
    line-height:28px;
    border:#e3e3e3 1px solid;
    border-bottom:#fff 1px solid;
}
.set-select-list{
    padding:18px 0 13px 19px;
}
.set-select-list li{
    float:left;
    width:150px;
    padding-bottom:12px
}
.set-select-list li input{
    float:left;
    margin:3px 5px 0 0;
}
.set-select-list li label {
    float: left;
    line-height: 18px;
}
.set-content .submit-btn{
    margin-left:103px;
}

.cancel-button-small{
    border:none;
    width:146px;
    height:45px;
    overflow:hidden;
    line-height:35px;
    text-indent:-9999px;
    /*background:url(../img/botton-bg.png) no-repeat -815px 0;*/
    background:url(<?=PageHelper::pure_static_url($img_path . "eva-bgs.png");?>) no-repeat 0 -153px;
    cursor: pointer;
}

.cancel-button{
    border:none;
    width:146px;
    height:45px;
    overflow:hidden;
    line-height:45px;
    text-indent:-9999px;
    background:url(<?=PageHelper::pure_static_url($img_path . "botton-bg.png");?>) no-repeat -815px 0;
}

.save-button{
    border:none;
    width:146px;
    height:45px;
    overflow:hidden;
    line-height:45px;
    text-indent:-9999px;
    background:url(<?=PageHelper::pure_static_url($img_path . "botton-bg1.png");?>) no-repeat -604px 0;
}

/*2012-08-08*/
/*总271分布*/
.tab{
    width:964px;
    padding:0;
    margin:10px 0;
    }
.tab-hd li{
    float:left;
    height:15px;
    line-height:15px;
    width:90px;
    border:1px solid #ccc;
    border-width:0 1px 0 0 ;
    }
.tab-hd li a{
    display:block;
    color:#0040D8;
    text-align:center;
    text-decoration:none;
    }
.tab-hd{
    margin:0 0 0 -20px;
    }
.tab-hd li.noborder{
    border:none;
    }
.tab-hd li.active a{
    color:#333;
    font-size:14px;
    font-weight:bold;
    }
.tab-bd li{
    height:auto;
    overflow:hidden;
    background:#fff;
    display:none;
    }
.table01 td .orange{
    color:#EB6100;
    }
.select-box .txt-input{
    width:144px;
    height:20px;
    border:1px solid #ddd;
    }
.select-box .searchbutotn{
    width:44px;
    height:23px;
    background:url(<?=PageHelper::pure_static_url($img_path . "eva-bgs.png");?>) no-repeat;
    background-position:0 -57px;
    border:none;
    margin:0 0 0 5px;
    cursor:pointer;
    }
.d-posi{
        position:relative;
        }
.right-cont span.d-title,.right-cont span.m-title{
    display:inline-block;
    width:80px;
    height:26px;
    line-height:26px;
    margin-right:0px;
    padding:0 0 0 12px;
    background:url(<?=PageHelper::pure_static_url($img_path . "eva-bgs.png");?>) no-repeat;
    background-position:0 -80px;
}
.right-cont span.d-content{
    position:absolute;
    top:25px;
    left:0;
    display:none;
    width:78px;
    background:#fff;
    border:1px solid #eee;
    border-width:0 1px 1px  1px;
    padding:0 0 8px 0;
    }
.d-content p{
    height:18px;
    line-height:15px;
    padding:0 0 0 10px;
    }
.d-content p.current{
    background:#eee;
    }
.ass-buttion input{
    width:146px;
    height:45px;
    background:url(<?=PageHelper::pure_static_url($img_path . "eva-bgs.png");?>) no-repeat;
    background-position:0 -106px;
    border:none;
    cursor:pointer;
    }
/*考评完成度*/
.eva-select{
    width:110px;
    }

/*团队绩效*/
.vline{
    border:1px solid #ccc;
    border-width:0 0 0 1px;
    padding:0 0 0 10px;
    margin:0 0 0 8px;
    }
.plan-link li a{
    display:inline-block;
    margin:0 5px 0 0;
    }
.ver-title{
    vertical-align:middle
    }
.record{
    margin:30px 0 0 0;
    height:auto;
    overflow:hidden;
    }
.record span{
    display:block;
    float:left;
    width:80px;
    font-weight:bold;
    vertical-align:top;
    }
.record textarea{
    display:block;
    float:left;
    width:820px;
    height:178px;
    border:1px solid #e3e3e3;
    }
.record-infos{
    float:left;
    width:550px;
    height:178px;
    }
.record-infos p{
    line-height:150%;
    }
.btn-box .save-btn{
    width:146px;
    height:45px;
    background:url(<?=PageHelper::pure_static_url($img_path . "botton-bg1.png");?>) no-repeat;
    background-position:-604px 0;
    border:none;
    text-indent:-99999px;
    cursor:pointer;
    }
.wrap540{
    width:540px;
    }
.table02 .comment,.table02 .comment-s{
    padding-right:5px;
}
.table02 .comment textarea{
    width:225px;
    height:60px;
    resize:none;
    overflow:auto;/*使不显示滚动条*/
    }
.table02 .comment-s textarea{
    width:180px;
    height:153px;
    resize:none;
    overflow:auto;/*使不显示滚动条*/
    }
.score-box span{
    font-size:20px;
    }
.score-box .scroe-input{
    width:65px;
    height:35px;
    border:1px solid #F17E11;
    }
.score-tips{
    margin:10px 0 0 0;
    width:956px;
    height:30px;
    padding:0 20px 0 0;
    }
.score-tips .infos{
    display:block;
    width:408px;
    height:28px;
    line-height:28px;
    background:#FFFDE6;
    border:1px solid #FED7AB;
    float:right;
    color:#EB6000;
    font-weight:bold;
    padding:0 0 0 20px;
    }
.infos em{
    color:#333;
    padding:0 10px;
    }
.score-submitbtn{
    width:146px;
    height:45px;
    background:url(<?=PageHelper::pure_static_url($img_path . "botton-bg.png");?>) no-repeat;
    background-position:0 0;
    border:none;
    text-indent:-99999px;
    cursor:pointer;
    }
/*settings-permission*/
.reference{
    position:relative;
    }
.settings{
    position:absolute;
    right:0;
    top:40px;
    display:none;
    width:80px;
    background:#fff;
    z-index:999;
    border:1px solid #e3e3e3;
    }
.settings a{
    display:block;
    height:29px;
    line-height:29px;
    text-align:center;
    text-decoration:none;
    }
.settings .st-active{
    background:#f5f5f5;
    }
.st-box{
    height:auto;
    overflow:hidden;
    margin:15px 0 0 0;
    }
.st-box .st-content input{
    width:185px;
    height:20px;
    border:1px solid #e3e3e3;
    }
.st-box .st-name{
    display:block;
    float:left;
    width:100px;
    height:30px;
    font-size:14px;
    }
.st-box .st-content{
    display:block;
    float:left;
    height:auto;
    width:850px;
    }
.st-content a{
    display:block;
    float:left;
    margin:5px 6px 0 0;
    width:80px;
    height:20px;
    line-height:20px;
    padding:0 0 0 6px;
    border:1px solid #e3e3e3;
    background:#f5f5f5;
    color:#333;
    text-decoration:none;
    }
.st-content a em{
    display:inline-block;
    float:right;
    margin:5px 5px 0 0;
    *+margin:-15px 5px 0 0;
    width:10px;
    height:10px;
    background:url(<?=PageHelper::pure_static_url($img_path . "eva-bgs.png");?>) no-repeat;
    background-position:-112px 0;
    }
.st-content a.all-delect,.st-content a.st-add{
    background:#fff;
    border:none;
    color:#0041D9;
    }
.st-content .inputbox-left{
    float:left;
    line-height:22px;
    padding:0 0 0 5px;
    margin:5px 0 0 0;
    }
.st-positon{
    margin:0 0 0 0;
    }
.st-pop-box{
    width:190px;
    float:left;
    display:none;
    height:132px;
    border:1px solid #e3e3e3;
    z-index:999;
    overflow-y:scroll;
    overflow-x:hidden;
    }
.st-pop-box span{
    display:inline-block;
    width:185px;
    height:22px;
    line-height:22px;
    padding:0 0 0 8px;
    }
.st-pop-box span em{
    padding:0 0 0 8px;}
/*settings-day*/
.set-day{
    padding:0 0 0 10px;
    font-weight:normal;
    }
.set-day select{
    width:107px;
    height:20px;
    }
.sd-box{
    width:963px;
    height:28px;
    line-height:28px;
    }
.sd-top{
    margin:10px 0 0 0;
    }
.sd-box .sd-name{
    display:inline-block;
    width:184px;
    text-align:left;
    font-size:13px;
    }
.sd-content{
    display:inline-block;
    width:700px;
    }
.sd-content input{
    width:114px;
    height:20px;
    border:1px solid #e3e3e3;
    }
.left .submit-btn{
    float:left;
    }
.sm-box{
    padding:0 0 0 10px;
    margin:10px 0 0 0;
    }
.sm-box p{
    height:20px;
    }
.sm-box .month{
    padding:0 0 0 10px;
    font-size:13px;
    letter-spacing:1px;
    zoom:1;
    }
/*2012-08-08*/


/* 下属绩效 2012.10.10 add */
.tips_sp{
    color: #f00;
    display: block;
    margin: -36px 0 0 15px;
}

/* 调整考评日志 2012.10.10 add */
.div_tab{
    display:block;
    margin:0 0 0 150px;
    color:#ccc;
}
.div_tab a:link, .div_tab a:visited{
    color:#03f;
}
.div_tab a:hover{
    color:#f60;
}
.div_tab .curr:link, .div_tab .curr:visited{
    color:#333;
    font-size:14px;
    font-weight:700;
}

.tb_log{
    margin:35px auto 0;
    width:905px;
}
.tb_log tbody tr{
    border-bottom:1px dashed #ccc;
}
.tb_log thead tr, .tb_log tfoot tr{
    color:#333;
}
.tb_log tfoot tr{
    height: 28px;
    border:1px solid #ccc;
    background:url(<?=PageHelper::pure_static_url($img_path . "icons.gif");?>) repeat-x 0 -83px;
}

/* 调整考评主管&员工 2012.10.10 add */
.myForm{
    margin:35px 0 0 150px;
    width:760px;
}
.myForm .txt{
    padding:2px 0;
    width:98px;
    text-align:center;
    height:16px;
    line-height:16px;
    border:1px solid #bfbfbf;
    color:#999;
    box-shadow: 1px 2px #f1f1f1 inset;
}
.myForm .sp0{
    display:block;
    font-size:14px;
}
.myForm .sp1{
    margin:10px 0 0;
}
.myForm .sp2{
    margin:20px 0 5px;
    font-size:12px;
}
.myForm .sp3{
    margin:10px 0 0;
    font-weight:700;
}
.myForm .ul1{
    margin:10px 0 0;
    padding:0 16px;
    width:728px;
    height:95px;
    border:1px solid #ddd;
    overflow-y:auto;
}
.myForm .ul1 li{
    float:left;
    width:142px;
    height:32px;
    line-height:32px;
    border-bottom:1px dashed #ccc;
}
.btn{
    background:url(<?=PageHelper::pure_static_url($img_path . "eva-bgs.png");?>) -151px -153px no-repeat;
    border:0;
    text-indent:-9999px;
    overflow:hidden;
}
.btn_search{
    background-position:-151px -153px;
    width:50px;
    height:22px;
}
.btn_save{
    margin:33px 0 0;
    background-position:0 -200px;
    width:145px;
    height:45px;
}
.submitAllMemberBtn{
    background:url(<?=PageHelper::pure_static_url($img_path . "eva-bgs.png");?>) 0px -247px no-repeat;
}
.topItem {
    width: 80px;
    height: 20px;
    float: left;
    display: block;
    color: #03F;
    background: #fff;
    margin: 2px 0px auto auto;
    padding: 2px 0 0 5px;
}

.topItem.currItem {
    border: 1px solid #EB6100;
    border-color: #EB6100;
    color: #000;
    border-bottom-color: #fff;
}

.topItems {
    margin-left: 20px;
}

.topItemBar {
    margin: 35px 0 15px 150px;
    width: 760px;
    height: 25px;
    border-bottom: 1px solid #EB6100;
}
.hiddenForm{
    display: none;
}
.subBtn{
    background:url(<?=PageHelper::pure_static_url($img_path . "subBtn.png");?>);
    width:145px;
    height:45px;
    border:0;
    overflow:hidden;
    margin-top:30px;
}
.subBtn.avoidBtn{
     background-position:-484px -69px;
}
.subBtn.removeBtn{
     background-position:-195px -69px;
     margin: 15px auto;
     display: block;
}
.pagenator{
    float: right;
    font-size:14px;
}

.pagenator a{
    color:blue;
}
.pagenator .currPage{
    color:#fff;
    background: #5184D2;
    padding: 3px;
}